import { Meta } from '@storybook/addon-docs';
import image01 from './assets/recursos/video_sistema_grafito.png';
import image02 from './assets/recursos/desarrollo_sistema_grafito.png';
import image03 from './assets/recursos/xd_sistema_grafito.png';

<Meta title="Recursos de diseño"/>

# Recursos de diseño

En este apartado se presentan y se da acceso a los diferentes recursos de diseño. El principal recurso para todos los usuarios es este website donde está ampliamente documentado el sistema de diseño de la Seguridad Social, y todos sus elementos. Este website es un recurso vivo que se va poblando progresivamente con nuevos elementos y con mejoras de los existentes.

Adicionalmente, se ofrecen los siguientes recursos de diseño para distintos tipos de usuarios.

### Para todos

<img src={image01} width="500px"/>

Vídeo explicativo sobre sistemas de diseño y sobre Grafito.

- Versión descargable [aquí](./assets/recursos/Divulgacion_GRAFITO.mp4 "video") (archivo .mp4)

### Para diseñadores

<img src={image03} width="500px"/>


Librerias XD con los componentes y patrones diseñados en el sistema de diseño.

- Versión de consulta [aquí](https://href.li/?https://xd.adobe.com/view/d08a53aa-94e8-4f25-a6b7-d962d88254e8-85d9/) (Adoble Cloud)
- Versión descargable aquí (archivo .xd)

### Para desarrolladores

<img src={image02} width="500px"/>

Librería de componentes desarrollados en tecnología Web Components

- Versión de consulta [aquí](https://href.li/?https://gitlab.pro.portal.ss/cid/portalesdiseno/cid__portalesdiseno__sdsswebcomponents.git) (Git Lab)
- Versión descargable aquí (archivo .zip)